<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Promotion</title>
  <link rel="stylesheet" href="./assets/css/main.css" />
</head>
<script type="text/javascript">
  var SLOT = window.SLOT || {};
  SLOT.number = 1;
  SLOT.tips = "我们要占领世界";
  SLOT.prize = {
    "cloth" : [200, 400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200, 2400, 2600, 2800, 3000, 3200, 3400, 3600, 3800, 4000],
    "cup"   : [100, 300, 500, 700, 900, 1100, 1300, 1500, 1700, 1900, 2100, 2300, 2500, 2700, 2900, 3100, 3300, 3500, 3700, 3900]
  };
</script>
<body>
  <div class="header">
    <div class="headerbar">
      <div class="logo">
        <a class="osllogo" href="http://www.liuxueshenggongyu.com/">
          <span class="undis">留学生公寓网</span>
        </a>
      </div>
      <div class="userdis">
        <a target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/login.asp">登录</a>
        <a target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/register.asp">注册</a>
      </div>
    </div>
  </div>
  <div class="slot">
    <div class="slotbox">
      <div class="slotmachine"></div>
      <div class="letters">
        <div class="letter" id="slota"></div>
        <div class="letter" id="slotb"></div>
        <div class="letter" id="slotc"></div>
        <div class="letter" id="slotd"></div>
      </div>
      <div class="trigger" id="trigger"></div>
    </div>
  </div>
  <div class="layout">
    <div class="main">
      <div class="layer activitygift">
        <div class="navbar nobordertop">
          <p class="actititle">活动奖品</p>
        </div>
        <div class="box">
          <div class="gifts">
            <div class="giftlist">
              <img src="./assets/images/iPad-Mini.jpg" alt="" />
              <span><b>4个相同 Ipad mini 图标</b>即可获得<b> Apple Ipad Mini </b></span>
            </div>
            <div class="giftlist marleft15">
              <img src="./assets/images/T-shirt.jpg" alt="" />
              <span><b>4个相同 T-shirt 图标</b>即可获得印有学生公寓网Logo的<b> T-shirt 文化衫 </b></span>
            </div>
            <div class="giftlist marleft15">
              <img src="./assets/images/Mug.jpg" alt="" />
              <span><b>4个相同 cup 图标</b>即可获得印有学生公寓网Logo的<b> cup 陶瓷杯 </b></span>
            </div>
          </div>
        </div>
      </div>
      <div class="layer activityrule">
        <div class="navbar">
          <p class="actititle">活动规则</p>
        </div>
        <div class="box">
          <div class="rulebox">
            <div class="rulelist">
              <ol>
                <li>注册成为留学生公寓网的会员</li>
                <li>按需填写右边的表单并提交</li>
                <li>每人只能玩一次</li>
              </ol>
            </div>
            <div class="ruleform">
              <form id="">
                <fieldset>
                  <div>
                    <input class="txtinput" type="text" placeholder="您的名字" />
                    <input class="txtinput" type="text" placeholder="您的电话" />
                  </div>
                  <div>
                    <label>您对出国留学存在的疑问：</label><br>
                  </div>
                  <div>
                    <textarea class="textarea" id="" ></textarea>
                  </div>
                  <div>
                    <a href="#login" id="btsubmit" class="btsubmit fancybox">
                      确认提交
                      <!--<input class="btsubmit" id="btsubmit" type="submit" value="确认提交" />-->
                    </a>
                  </div>
                </fieldset>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="layer activityflat">
        <div class="navbar">
          <p class="actititle">精品公寓</p>
        </div>
        <div class="box">
          <div class="flats">
            <a class="flatlist" target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/london-zufang/urbanest-king's-cross">
                <img src="./assets/images/Urbanest-King's-Cross.jpg" alt="" width="220" height="132" />
                <span class="flatloc">London</span>
            </a>
            <a class="flatlist marleft30" target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/london-zufang/woodland-court">
                <img src="./assets/images/Wedgwood-Court.jpg" alt="" width="220" height="132" />
                <span class="flatloc">London</span>
            </a>
            <a class="flatlist marleft30" target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/manchester-zufang/parkway-gate">
                <img src="./assets/images/Parkway-Gate.jpg" alt="" width="220" height="132" />
                <span class="flatloc">Manchester</span>
            </a>
            <a class="flatlist" target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/liverpool-zufang/grand-central">
                <img src="./assets/images/Grand-Central.jpg" alt="" width="220" height="132" />
                <span class="flatloc">Liverpool</span>
            </a>
            <a class="flatlist marleft30" target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/sheffield-zufang/the-forge-2">
                <img src="./assets/images/The-Forge-2.jpg" alt="" width="220" height="132" />
                <span class="flatloc">Sheffield</span>
            </a>
            <a class="flatlist marleft30" target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/leeds-zufang/sky-plaza">
                <img src="./assets/images/Sky-Plaze.jpg" alt="" width="220" height="132" />
                <span class="flatloc">Leeds</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <p class="copyright left">&copy; Overseas Student Living 2013</p>
      <p class="aboutlinks right">
        <a class="sina" href="http://www.weibo.com/lxsgyw"><span class="undis">新浪微博</span></a>
        <a class="renren" href="http://page.renren.com/600991584?checked=true"><span class="undis">人人</span></a>
        <a class="facebook" href="http://www.facebook.com/overseasstudentliving"><span class="undis">facebook</span></a>
        <a class="twitter" href="http://www.twitter.com/overseas_sl"><span class="undis">twitter</span></a>
      </p>
    </div>
  </div>
  <div id="login" class="undis">
    <div class="loginhead">
      <div class="logo">
        <a class="osllogo" href="http://www.liuxueshenggongyu.com/">
          <span class="undis">留学生公寓网</span>
        </a>
      </div>
      <div class="tab marright5">
        <a href="#">登录</a>
      </div>
      <div class="tab marleft5">
        <a href="#">注册</a>
      </div>
    </div>
    <div class="loginmain">
      <div class="signin undis">
        <form id="">
          <fieldset>
            <div>
              <input class="txtinput" type="text" placeholder="电子邮箱" />
            </div>
            <div>
              <input class="txtinput" type="password" placeholder="密码" />
            </div>
            <div>
              <a href="" id="btsubmit" class="btsubmit">
                确认登录
                <!--<input class="btsubmit" id="btsubmit" type="submit" value="确认提交" />-->
              </a>
            </div>
            <div class="regtips">
              没有帐号？点击 <a href="#">注册</a>
            </div>
          </fieldset>
        </form>
      </div>
      <div class="signup">
        <form id="">
          <fieldset>
            <div>
              <input class="txtinput" type="text" placeholder="电子邮箱" />
            </div>
            <div>
              <input class="txtinput" type="password" placeholder="密码" />
            </div>
            <div>
              <input class="txtinput" type="password" placeholder="确认密码" />
            </div>
            <div>
              <input class="txtinput" type="text" placeholder="中文名字" />
            </div>
            <div>
              <input class="txtinput" type="text" placeholder="电话号码" />
            </div>
            <div class="readme">
              <label>
                <input type="checkbox" />我已认真阅读并同意留学生公寓网的《<a target="blank" href="http://www.liuxueshenggongyu.com/zh-cn/register.asp">使用协议</a>》
              </label>
            </div>
            <div>
              <a href="" id="btsubmit" class="btsubmit">
                确认注册
                <!--<input class="btsubmit" id="btsubmit" type="submit" value="确认提交" />-->
              </a>
            </div>
          </fieldset>
        </form>
      </div>
    </div>
  </div>
  <div id="usertips" class="undis">
    <div class="tipstop"><p>我们要占领世界</p></div>
    <div class="tipsbot">
      <a href="#"><span class="phone"></span>021-62582500</a>
      <a href="#"><span class="qq"></span>800028515</a>
    </div>
  </div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="./assets/js/jquery.cookie.js"></script>
<script type="text/javascript" src="./assets/js/jquery.form.min.js"></script>
<script type="text/javascript" src="./assets/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./assets/fancybox/jquery.fancybox.css" media="all" />
<script type="text/javascript" src="./assets/js/main.js"></script>
</body>
</html>
